<!-- <template>
	<view style="color: #333333;font-size: 28rpx;padding: 40rpx;line-height: 46rpx;">
		<view class="member-list">
			<partyMainTitle>小区专员<label style="color: #4F54FF;padding: 2rpx;">{{xiaoquzuanyuan.length}}</label>人
			</partyMainTitle>
			<view style="margin-bottom: 10rpx;"></view>
			<name-list :nameList="xiaoquzuanyuan"></name-list>
		</view>
		<view class="member-list">
			<partyMainTitle>党小组组长<label style="color: #4F54FF;padding: 2rpx;">{{dangxiaozuzuzhang.length}}</label>人
			</partyMainTitle>
			<view style="margin-bottom: 10rpx;"></view>
			<name-list :nameList="dangxiaozuzuzhang"></name-list>
		</view>
		<view class="member-list">
			<partyMainTitle>楼道长(居民管家)<label style="color: #4F54FF;padding: 2rpx;">{{juminguanjia.length}}</label>人
			</partyMainTitle>
			<view style="margin-bottom: 10rpx;"></view>
			<name-list :nameList="juminguanjia"></name-list>
		</view>
		<view class="member-list">
			<partyMainTitle>党员人才池<label style="color: #4F54FF;padding: 2rpx;">{{dangyuanrencaichi.length}}</label>人
			</partyMainTitle>
			<view style="margin-bottom: 10rpx;"></view>
			<name-list :nameList="dangyuanrencaichi"></name-list>
		</view>
		<view class="member-list">
			<partyMainTitle>党员志愿者<label style="color: #4F54FF;padding: 2rpx;">{{dangyuanzhiyuanzhe.length}}</label>人
			</partyMainTitle>
			<view style="margin-bottom: 10rpx;"></view>
			<name-list :nameList="dangyuanzhiyuanzhe"></name-list>
		</view>


	</view>
</template>

<script>
	import partyMainTitle from "../components/part-main-title.vue";
	import nameList from "../../myComponents/name-list.vue"
	export default {
		components: {
			partyMainTitle,
			nameList
		},
		data() {
			return {
				params: {
					项目id: uni.getStorageSync('projId'),
					pagination: {
						current: 1,
						pageSize: 10
					},
					sorter: {
						field: "id",
						order: 0
					}
				},
				xiaoquzuanyuan: [],
				juminguanjia: [],
				juminguanjia1: [],
				dangyuanrencaichi: [],
				dangyuanzhiyuanzhe: [],
				dangxiaozuzuzhang: []
			}
		},
		onLoad() {
			this.getPartyMember()
		},
		methods: {
			getPartyMember() {
				this.$http.post('/party/member/list', this.params).then(res => {
					console.log(res)
					if(res.code === 10000) {
						this.dangxiaozuzuzhang = res.data.list.filter(item => item.楼道党小组 && item.楼道党小组.人员类型 == '3-1')
						this.xiaoquzuanyuan = res.data.list.filter(item => item.三认领职位 === 1)
						this.juminguanjia = res.data.list.filter(item => item.三认领职位 === 2)
						this.dangyuanrencaichi = res.data.list.filter(item => item.三认领职位 === 3)
						this.dangyuanzhiyuanzhe = res.data.list.filter(item => item.三认领职位 === 4)
					}
				})
			}
		}
	}
</script>

<style scoped lang="less">
	.member-list {
		margin-top: 20rpx;
		margin-bottom: 40rpx;
		padding: 42rpx 32rpx;
		font-size: 28rpx;
		line-height: 52rpx;
		background: #FFFBF6;
		box-shadow: 0rpx 8rpx 7rpx 3rpx rgba(155, 141, 115, 0.19);
		border-radius: 20rpx;
	}
</style>
 -->
 
 
 <template>
	 <page-meta :root-font-size="`${fontSize}px`"></page-meta>
 	<view style="color: #333333;font-size: 28rpx;padding: 40rpx;line-height: 46rpx;">
 		<view class="member-list">
 			<partyMainTitle>小区专员<label style="color: #4F54FF;padding: 2rpx;">{{xiaoquzuanyuan.length}}</label>人
 			</partyMainTitle>
 			<view style="margin-bottom: 10rpx;"></view>
 			<name-list :nameList="xiaoquzuanyuan"></name-list>
 		</view>
 		<view class="member-list">
 			<partyMainTitle>党小组组长<label style="color: #4F54FF;padding: 2rpx;">{{dangxiaozuzuzhang.length}}</label>人
 			</partyMainTitle>
 			<view style="margin-bottom: 10rpx;"></view>
 			<name-list :nameList="dangxiaozuzuzhang"></name-list>
 		</view>
 		<view class="member-list">
 			<partyMainTitle>楼道长(居民管家)<label style="color: #4F54FF;padding: 2rpx;">{{juminguanjia.length}}</label>人
 			</partyMainTitle>
 			<view style="margin-bottom: 10rpx;"></view>
 			<name-list :nameList="juminguanjia"></name-list>
 		</view>
 		<view class="member-list">
 			<partyMainTitle>党员人才池<label style="color: #4F54FF;padding: 2rpx;">{{dangyuanrencaichi.length}}</label>人
 			</partyMainTitle>
 			<view style="margin-bottom: 10rpx;"></view>
 			<!-- <name-list :nameList="dangyuanrencaichi.map(x=>x.name+'('+x.value+')')" :columns="2"></name-list> -->
 			<view
 				:style="{display: 'grid','grid-template-columns': 'repeat('+2+','+(100/2-0.01)+'%)',fontSize:28+'rpx'}">
 				<view v-for="(x,index) in dangyuanrencaichi" :style="{display: 'flex'}">
 					<label :style="{display: 'flex','justify-content': 'space-between',width: 90+'rpx'}"> <label
 							v-for="char in x.name">{{char}}</label> </label>
 							<label for="">({{x.value}})</label>
 					<!-- <label v-if="index< chengyuanList.length-1 && (index+1)%columns!=0">、</label> -->
 				</view>
 			</view>
 		</view>
 		<view class="member-list">
 			<partyMainTitle>党员志愿者<label style="color: #4F54FF;padding: 2rpx;">{{dangyuanzhiyuanzhe.length}}</label>人
 			</partyMainTitle>
 			<view style="margin-bottom: 10rpx;"></view>
 			<name-list :nameList="dangyuanzhiyuanzhe"></name-list>
 		</view>
 
 
 	</view>
 </template>
 
 <script>
 	import partyMainTitle from "../components/part-main-title.vue";
 	import nameList from "../../myComponents/name-list.vue"
	import { mapState } from 'vuex'
 	export default {
		computed: {
			...mapState(['fontSize'])
		},
 		components: {
 			partyMainTitle,
 			nameList
 		},
 		data() {
 			return {
 				xiaoquzuanyuan: [],
 				juminguanjia: [],
 				juminguanjia1: [],
 				dangyuanrencaichi: [],
 				dangyuanzhiyuanzhe: [],
 				dangxiaozuzuzhang: []
 			}
 		},
 		mounted() {
 			if (uni.getStorageSync('projId') == 159) {
 				this.xiaoquzuanyuan = ['朱敏燕']
 
 				this.juminguanjia = ['孙志良', '缪海云', '曹定妹', '沈建宝']
 				// this.dangyuanrencaichi = ['冯萍', '方敏', '周越士', '高景祥', '孙志良', '沈建宝', '汤其虎', '徐叶峰']
 				this.dangyuanrencaichi = [{
 					name: '冯萍',
 					value: '速记'
 				}, {
 					name: '方敏',
 					value: '医护'
 				}, {
 					name: '周越士',
 					value: '教育'
 				}, {
 					name: '高景祥',
 					value: '厨艺'
 				}, {
 					name: '孙志良',
 					value: '种养'
 				}, {
 					name: '沈建宝',
 					value: '种养'
 				}, {
 					name: '汤其虎',
 					value: '种养'
 				}, {
 					name: '徐叶峰',
 					value: '城建'
 				}]
 				this.dangyuanzhiyuanzhe = ['朱敏燕', '陈汉祥', '沈子方', '周茂海', '周萍', '周向华', '黄敏珠', '张国荣', '高金根', '夏雄飞', '高妙根',
 					'陈汉玉', '高祺佳', '冯掌松', '曹建林', '曹水根', '曹松松',
 					'郎建娣', '曹国林', '沈冬玉', '陈美珍', '方宝福', '夏金林',
 					'夏叶顺', '邹丽娟', '蒋国平', '高云锋', '谢明',
 					'方毛毛', '徐文祥', '和飞', '凡琪'
 				]
 				this.dangxiaozuzuzhang = ['孙志良', '缪海云', '曹定妹', '沈建宝']
 
 			}
 			if (uni.getStorageSync('projId') == 208) {
 				this.xiaoquzuanyuan = ['许敏捷']
 				this.juminguanjia = ['康海芳', '周婷', '吕永连', '莫月文', '吕伟勇', '朱水花', '陈国强', '方平',
 					'张春香', '胡江平', '林建新', '周小丽'
 				]
 				this.dangyuanrencaichi = ['朱建华', '王金荣', '周莹', '田永才', '周婷', '王盈盈', '胡江平', '林素玲', '方平', '干伟洋', '吕伟勇', '方杰',
 					'白俊虎'
 				]
 				this.dangyuanrencaichi = [{
 						name: '朱建华',
 						value: '审计事务'
 					}, {
 						name: '王金荣',
 						value: '市场监管'
 					}, {
 						name: '周莹',
 						value: '装修设计'
 					}, {
 						name: '田永才',
 						value: '物管调解'
 					}, {
 						name: '周婷',
 						value: '财务管理'
 					}, {
 						name: '王盈盈',
 						value: '教育培训'
 					}, {
 						name: '胡江平',
 						value: '电子科技'
 					}, {
 						name: '林素玲',
 						value: '医疗防疫'
 					}, {
 						name: '方平',
 						value: '汽车救援'
 					}, {
 						name: '干伟洋',
 						value: '智能制造'
 					}, {
 						name: '吕伟勇',
 						value: '安全治理'
 					}, {
 						name: '方杰',
 						value: '安全出行'
 					},
 					{
 						name: '白俊虎',
 						value: '计算机'
 					}
 				]
 				this.dangyuanzhiyuanzhe = ['林伟一', '骆阿林', '江敏伟', ' 彭丽芬', '吕伟虎', ' 任妙松', '郑志兴', '任掌兴', '郑金虎',
 					'朱阿松', '朱连兴', '郭武军', '朱根田', '朱法毛',
 					'朱爱琴', '任金松', '高燕', '彭来芳', '高利菊',
 					'张冕', '陈倩芸', '董阿陆', '潘荣惠', '何松林',
 					'莫青华', '顾欣', '赵赟华', '沈荣根', '吕海峰',
 					'陈世界', '陶明飞', '兰明坤', '兰明良', '翁周生',
 					'周明'
 				]
 				this.dangxiaozuzuzhang = ['朱荣高', '周婷', '吕永连', '骆阳', '吕伟勇', '任晨阳', '陈国强', '方平', '张春香', '胡江平', '林建新', '朱祺栋']
 			}
 			// this.juminguanjia.map(x => {
 			// 	if (!this.dangxiaozuzuzhang.includes(x)) {
 			// 		this.juminguanjia1.push(x)
 			// 	}
 			// })
 			// this.dangxiaozuzuzhang = this.dangxiaozuzuzhang.map(x => {
 			// 	if (this.juminguanjia.includes(x)) {
 			// 		x = x + '(楼道长)'
 
 			// 	}
 			// 	return x
 
 			// })
 
 		},
 		methods: {
 
 		}
 	}
 </script>
 
 <style scoped lang="less">
 	.member-list {
 		margin-top: 20rpx;
 		margin-bottom: 40rpx;
 		padding: 42rpx 32rpx;
 		font-size: 28rpx;
 		line-height: 52rpx;
 		background: #FFFBF6;
 		box-shadow: 0rpx 8rpx 7rpx 3rpx rgba(155, 141, 115, 0.19);
 		border-radius: 20rpx;
 	}
 </style>